<!DOCTYPE html>
<html lang="en">
<head>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

	<meta charset="UTF-8">
	<title>香氛新品</title>
	<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
	<link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">

	<link rel="stylesheet" href="css/style1.css">
</head>
<body>
<!-- 返回顶部 -->
<div id="q"></div>
<div id="w">↑</div>

<script>
	var w = document.querySelector("#w");

			console.log(document.documentElement.scrollTop)
			window.onscroll = function() {
				if (document.documentElement.scrollTop > 500 || document.body.scrollTop > 500) {
					w.style.display = 'block'
				} else {
					w.style.display = 'none'
				}
			}

			w.addEventListener('click', function() {
				window.scrollTo(0,0);
			});
</script>


	<!-- head部分 -->
<div class="head">
		<!-- 导航1 -->
	<header class="header header--desktop">
	  <div class="header-bottom">
		<div class="header-bottom-content">
		  <div class="header-left">
			  <nav class="header-group">
				<div role="search" class="search-field">
				  <form class="autocomplete-field search-bar-autocomplete">
				    <div role="combobox" aria-haspopup="listbox" aria-owns="react-autowhatever-auto-suggest-input_serch_id" aria-expanded="false" class="react-autosuggest__container">
					  <input type="text" placeholder="在dior.cn上搜索">
						<div id="react-autowhatever-auto-suggest-input_search_id" role="listbox" class="react-autosuggest__suggestions-container suggestions-container-empty">
						  <div class="react_autosuggest__sections-container"></div>
						</div>
					</div>
					<div class="tyu"></div>
					<!-- <button aria-label="search" class="button-link submit autocomplete-field-submit black">
						<span class="search-field-icon">
						  <span class="icon" style="color:black;fill:black">
							<svg data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.99 18.98">
							  <path d="M19,18.06l-6.84-6.87a6.88,6.88,0,1,0-.92.92L18.08,19ZM6.85,12.46a5.63,5.63,0,1,1,5.64-5.62A5.63,5.63,0,0,1,6.85,12.46Z" style="fill-rule:evenodd"></path>
							</svg>
						  </span>
					  </span>
				    </button> -->
				  </form>
				</div>
			  </nav>
		    </div>
		<div class="header-center">
			<a href="diorshouye.html"><img src="img/logo.png"></a>
		</div>
	    <div class="header-right">
			<div class="header-groupq">
				<img src="img/xin.png">
				<img src="img/ren.png">
				<img src="img/bao.png">
			</div>
	    </div>
	  </div>
    </div>
  </header>


		<!-- 导航2 -->
  <nav class="navbar navbar-expand-lg navbar-light bg-light">
  <div class="container">
  <div class="as">
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
    <div class="navbar-nav">
      <a class="nav-item nav-link active k-1" href="#">女士精品 <span class="sr-only">(current)</span>
		<div class="xiahua hua1" style="left:-332px;display:none">
			<div class="row">
				<div class="col-md">
					<ul>
						<li>最新动态</li>
						<li><img src="img/image2_1440_1200.jpg"></li>
						<li>J'Adio鞋履</li>
						<li>全新系列:2019秋季</li>
						<li>30Montaigne系列</li>
						<li>30Montaigne手提包</li>
						<li>珠宝:Mimirose</li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>皮具系列</li>
						<li>手袋&腰包</li>
						<li>信使报</li>
						<li>托特包</li>
						<li>迷你手袋</li>
						<li>珍惜皮革手袋</li>
						<li class="l1"></li>
						<li>30Montaigne</li>
						<li>Lady Dior</li>
						<li>Saddle</li>
						<li>Dior Book Tote</li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>高级成衣</li>
						<li>外套</li>
						<li>大衣</li>
						<li>连衣裙</li>
						<li>半身裙</li>
						<li>衬衫</li>
						<li>长裤&短裤</li>
						<li>针织衫</li>
						<li>牛仔系列</li>
						<li>泳衣</li>
						<li>内衣</li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>鞋履系列</li>
						<li>高跟鞋</li>
						<li>平跟鞋</li>
						<li>长靴&短靴</li>
						<li>凉鞋</li>
						<li>运动鞋</li>
						<li class="l1"></li>
						<li>J'Adio鞋履</li>
						<li>Walk'n Dior</li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>时尚首饰</li>
						<li>耳环</li>
						<li>项链</li>
						<li>手链&手镯</li>
						<li>戒指</li>
						<li>胸针</li>
						<li class="l1"></li>
						<li>Dior Tribales</li>
						<li>J'A dior</li>
						<li>My ABCDior</li>
						
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>配饰系列</li>
						<li>手拿包</li>
						<li>钱夹&小型配饰</li>
						<li>肩带</li>
						<li>腰带</li>
						<li>丝巾&Mitzah丝巾</li>
						<li>围巾&披肩</li>
						<li>帽子&手套</li>
						<li>太阳眼镜</li>
						<li class="l1"></li>
						<li>My ABCDio</li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>高级珠宝</li>
						<li>戒指</li>
						<li>耳环</li>
						<li>项链</li>
						<li>手链&手镯</li>
						<li>订婚及订婚戒指</li>
						<li class="l1"></li>
						<li>Mimirose</li>
						<li>Rose des vents</li>
						<li>迪奥玫瑰</li>
						<li>Oui</li>
						<li>Tete de Mort</li>
						<li>高级腕表</li>
						<li>La D de Dior</li>
						<li>Dior Grand Bal</li>
						<li>Dior VIII</li>
						<li class="l1"></li>
						<li><卓越腕表/li>

					</ul>
				</div>
			</div>
		</div>	
      </a>

      <a class="nav-item nav-link active k-2" href="#">男士精品 <span class="sr-only">(current)</span>
		<div class="xiahua hua2" style="left:-433px; display:none">
			<div class="row">
				<div class="col-md">
					<ul>
						<li>最新动态</li>
						<li><img src="img/push-whats-new_1440_1200.jpg"></li>
						<li>2019全新秋季系列</li>
						<li>沙滩装小型系列</li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>高级成衣</li>
						<li>经典款</li>
						<li class="l1"></li>
						<li>西装&礼服</li>
						<li>西装外套</li>
						<li>外套、大衣&皮衣</li>
						<li>针织衫&卫衣</li>
						<li>衬衫</li>
						<li>T恤&POLO衫</li>
						<li>牛仔系列</li>
						<li>长裤&短裤</li>
						<li>沙滩系列</li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						
						<li>皮具系列</li>
						<li>托特包</li>
						<li>单肩包</li>
						<li>双肩包</li>
						<li>公文包</li>
						<li>手拿包</li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>鞋履系列</li>
						<li>短靴</li>
						<li>运动鞋</li>
						<li>德比鞋&牛津鞋</li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>配饰系列</li>
						<li>钱夹&卡包</li>
						<li>帽子&手套</li>
						<li>太阳眼镜</li>
						<li>腰带</li>
						<li>围巾&披肩</li>
						<li>领带、领结&口袋方巾</li>
						<li>袖扣&领带夹</li>
						<li>时尚首饰</li>
						<li>钥匙扣</li>
						<li>袜子</li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>高级腕表</li>
						<li>Chiffre Rouge</li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>半定制服务</li>
						<li><img src="img/demi-mesure_1440_1200.jpg"></li>
					</ul>
				</div>
			</div>
		</div>	
      </a>

      <a class="nav-item nav-link active k-3" href="#">香氛 <span class="sr-only">(current)</span>
		<div class="xiahua hua3" style="left:-534px; display:none">
			<div class="row">
				<div class="col-md">
					<ul>
						<li>探索新品</li>
						<li><img src="img/push-just-arrived_1440_1200.jpg"></li>
						<li>迪奥旷野男士香水系列</li>
						<li>香氛新品</li>
						<li>DIOR迪奥粉耀都市</li>
						<li>畅销产品</li>
						<li>臻礼美学</li>
						<li>迪奥心意珍礼</li>
						<li>迪奥刻字工作室</li>
						<li>香氛故事</li>
						<li>迪奥香氛之家</li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>DIOR迪奥香粉世家</li>
						<li>香氛</li>
						<li>香水蜡烛</li>
						<li>沐浴与身体护理</li>
						<li>Mitzah香氛丝巾</li>
						<li class="l1"></li>
						<li>臻礼美学</li>
						<li>专属香氛资讯</li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>女香</li>
						<li>所有产品</li>
						<li>DIOR迪奥真我香水系列</li>
						<li>MISS DIOR迪奥小姐香水系列</li>
						<li>迪奥Dior JOY 香水*</li>
						<li>DIOR迪奥奇葩香水系列</li>
						<li>DIOR迪奥魅惑香水系列</li>
						<li>DIOR迪奥沙丘香水系列</li>
						<li>DIOR迪奥经典香水系列</li>
						<li></li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>男香</li>
						<li>所有产品</li>
						<li>DIOR迪奥旷野男士香水系列</li>
						<li>DIOR迪奥桀骜男士香水系列</li>
						<li>DIOR迪奥华氏系列</li>
						<li>DIOR迪奥清新之水系列</li>
						<li>DIOR迪奥更高系列</li>
					</ul>
				</div>
			</div>
		</div>	
      </a>
      <a class="nav-item nav-link active k-4" href="dior-cosmetics.html">彩妆 <span class="sr-only">(current)</span>
		<div class="xiahua hua4" style="left:-605px;display:none">
			<div class="row">
				<div class="col-md">
					<ul>
						<li>探索新品</li>
						<li><img src="img/push-nav-cn-glow-to-the-max_1440_1200.jpg"></li>
						<li>全新迪奥双色</li>
						<li>彩妆新品</li>
						<li>DIOR粉耀都市</li>
						<li>官网独家商品</li>
						<li>畅销产品</li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>唇妆</li>
						<li>所有产品</li>
						<li>唇膏</li>
						<li>唇彩</li>
						<li>必备彩妆产品与色调盘</li>
						<li>唇线</li>
						<li>眼妆</li>
						<li>所有产品</li>
						<li>睫毛膏</li>
						<li>必备彩妆产品与色调盘</li>
						<li>眼线</li>
						<li>专业后台配件和化妆刷</li>
						
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>底妆</li>
						<li>所有产品</li>
						<li>底妆</li>
						<li>气垫霜</li>
						<li>妆前打底</li>
						<li>遮瑕</li>
						<li>蜜粉</li>
						<li>腮红</li>
						<li>美甲</li>
						<li>所有产品</li>
						<li>指甲油</li>
						<li>美甲</li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>DIOR迪奥后台彩妆</li>
						<li>所有产品</li>
						<li>唇妆</li>
						<li>底妆</li>
						<li>眼妆</li>
						<li>美甲</li>
						<li>色调盘</li>
						<li>专业化妆刷</li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>当季妆容</li>
						<li><img src="img/summer-look-2019_1440_1200.jpg"></li>
						<li>2019 夏季妆容 狂野大地</li>
					</ul>
				</div>
			</div>
		</div>
      </a>
      <a class="nav-item nav-link active k-5" href="#">护肤 <span class="sr-only">(current)</span>
		<div class="xiahua hua5" style="left:-676px;display:none">
			<div class="row">
				<div class="col-md">
					<ul>
						<li>探索新品</li>
						<li><img src="img/dior-prestige-la-micro-lotion-de-rose_1440_1200.png"></li>
						<li>探索新品</li>
						<li>迪奥花秘瑰萃玫瑰微凝珠精萃液</li>
						<li>护肤新品</li>
						<li>DIOR迪奥粉耀都市</li>
						<li>美妆大奖商品</li>
						<li>臻礼美学</li>
						<li>迪奥心意珍礼</li>
						<li>迪奥刻字工作室</li>
						<li>护肤艺术</li>
						<li>肌肤测试咨询</li>
						<li>DIOR迪奥精湛的手工技艺</li>
						<li>探索Dior迪奥花园</li>
						<li>Dior迪奥美妍科学中心</li>
						<li>Dior迪奥美容护理</li>
						<li>Skincare How to</li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>美肤方案</li>
						<li>奢华御龄</li>
						<li>多重御龄</li>
						<li>精准定制</li>
						<li>排浊蓄能</li>
						<li>鲜润保湿</li>
						<li>奢宠美白</li>
						<li>亮白淡斑</li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>护肤系列</li>
						<li>凝世金颜系列</li>
						<li>花秘瑰萃系列</li>
						<li>花秘瑰萃光皙系列</li>
						<li>红色1号系列</li>
						<li>多重御龄系列</li>
						<li>未来新肌系列</li>
						<li>迪奥梦幻美肌系列</li>
						<li>雪晶灵系列</li>
						<li>乐肤源系列</li>
						<li>桀骜男士系列</li>
						
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>产品类型所有产品</li>
						<li>洁肤品</li>
						<li>爽肤水</li>
						<li>精华</li>
						<li>乳霜</li>
						<li>美肌</li>
						<li>眼唇护理</li>
						<li>抵御UV</li>
						<li>磨砂和面膜</li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>DIOR迪奥护肤艺术</li>
						<li>探索Dior迪奥花园</li>
						<li>DIOR迪奥精湛的手工技艺</li>
						<li>Dior迪奥美妍科学中心</li>
						<li>Dior迪奥美容护理</li>
					</ul>
				</div>
			</div>
		</div>
      </a>
      <a class="nav-item nav-link active k-6" href="#">童装精品 <span class="sr-only">(current)</span>
		<div class="xiahua hua6" style="left:-747px; display:none">
			<div class="row">
				<div class="col-md">
					<ul>
						<li>最新动态</li>
						<li><img src="img/whats-new_1440_1200.jpg"></li>
						<li>2019 秋冬季系列</li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>女童（2-13岁）</li>
						<li>成衣</li>
						<li>鞋履</li>
						<li>手提包</li>
						<li>配饰</li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>男童（2-13岁）</li>
						<li>成衣</li>
						<li>鞋履</li>
						<li>手提包</li>
						<li>配饰</li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>女婴（1-36个月）</li>
						<li>成衣</li>
						<li>软底鞋 & 学步鞋</li>
						<li>育儿用品 & 配件</li>
						<li>初生婴孩礼盒</li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>男婴（1-36个月）</li>
						<li>成衣</li>
						<li>学步鞋</li>
						<li>育儿用品 & 配件</li>
						<li>初生婴孩礼盒</li>
						
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>初生婴孩礼品</li>
						<li><img src="img/gifts_1440_1200.jpg"></li>
					</ul>
				</div>
			</div>
		</div>
      </a>
      <a class="nav-item nav-link active k-7" href="#">礼物 <span class="sr-only">(current)</span>
		<div class="xiahua hua7" style="left:-848px;display:none">
			<div class="xiahua1">
				<div class="row">
				<div class="col-md">
					<ul>
						<li>时装及配饰</li>
						<li><img src="img/image_1440_1200.jpg"></li>
						<li>女士时尚赠礼</li>
						<li>男士时尚赠礼</li>
						<li>初生婴孩礼品</li>
						
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>香氛与美妆</li>
						<li><img src="img/image_1440_1200 (1).jpg"></li>
						<li>迪奥心意珍礼</li>
						<li>迪奥刻字工作室</li>
					</ul>
				</div>
			</div>
			</div>
		</div>
      </a>
	  <a class="nav-item nav-link active k-8" href="#">时装秀 <span class="sr-only">(current)</span>
		<div class="xiahua hua8" style="left:-919px;display:none">
			<div class="xiahua1">
				<div class="row">
				<div class="col-md">
					<ul>
						<li>女装成衣系列</li>
						<li><img src="img/image_1440_1200(2).jpg"></li>
						<li>2020度假</li>
						<li>2019-2020秋冬</li>
						<li>2019夏季</li>
						
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>高级定制时装</li>
						<li><img src="img/image_1440_1200(3).jpg"></li>
						<li>2019春夏</li>
						<li>2018-19秋冬</li>
					</ul>
				</div>
				<div class="col-md">
					<ul>
						<li>男装成衣系列</li>
						<li>2019-2020冬季系列</li>
						<li>2019早秋</li>
						<li>2019夏季</li>
					</ul>
				</div>
			</div>
			</div>
		</div>
	  </a>

      <a class="nav-item nav-link active" href="#">邂逅迪奥&精湛工艺 <span class="sr-only">(current)</span></a>
      
    </div>
  </div>
  </div>
  </div>
</nav>
</div>


<!-- 香氛新品 -->
<div class="banner">
	<div class="containerq">
		<div class="xinpin">
			<h4>香氛新品</h4>
			<img src="img/img1/ba1.jpg">
			<button>探索更多</button>
		</div>
		<div class="kuangye">
			<div class="row">
				<div class="col-md-8">
					<div class="kuang1">
						<img src="img/img1/ba2.jpg">
						<h4>Dior迪奥旷野男士</h4>
						<p>Wlld at heart</p>
						<button>探索更多</button>
					</div>
				</div>
				<div class="col-md-4">
					<div class="kuang2">
						<div class="fg1">
							<img class="fg1" src="img/img1/ba3.jpg">
						<p class="p1">Dior迪奥旷野男士</p>
						<p>香水</p>
						<p>浓度 <button></button><button></button><button></button><button class="bu1"></button></p>
						<p class="p2">￥730.00起·喷装60mL</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="xinpin" style="padding-top:20px">
			<img src="img/img1/preview-jadore2_1440_1200.jfif">
			<button>探索更多</button>
		</div>
		<div class="kuangye">
			<div class="row">
				<div class="col-md-8">
					<div class="kuang1">
						<img src="img/img1/ba4.jpg">
						<h4>真我 香氛</h4>
						<p>真我香水是由匠心技艺创作而成的一束馥郁繁花，致献迷人女性</p>
						<button>探索更多</button>
					</div>
				</div>
				<div class="col-md-4">
					<div class="kuang2">
						<img src="img/img1/ba5.jpg">
						<p class="p1 p3">#Best Seller 美妆大奖商品</p>
						<p>真我</p>
						<p>香氛</p>
						<p>浓度 <button></button><button></button><button class="bu1"></button><button class="bu1"></button></p>
						<p class="p2">￥660.00起·喷装30mL</p>
					</div>
				</div>
			</div>
		</div>
		<div class="kuangye zxc">
			<div class="row">
				<div class="col-md-8">
					<div class="kuang1">
						<img src="img/img1/ba6.jpg">
						<h4>真我'随行香氛</h4>
						<p>全新真我用香方式</p>
						<button>探索更多</button>
					</div>
				</div>
				<div class="col-md-4">
					<div class="kuang2">
						<img src="img/img1/ba7.jpg">
						<p class="p1 p3">#全新</p>
						<p>真我</p>
						<p>随行香氛</p>
						<p>浓度 <button></button><button></button><button class="bu1"></button><button class="bu1"></button></p>
						<p class="p2">￥430.00-20mL</p>
					</div>
				</div>
			</div>
		</div>	
		<div class="xiangfen">
			<div class="row">
				<div class="col-md-8">
					<div class="kuang1">
						<img src="img/img1/ba8.jpg">
						<h4>CHRISTIAN DIOR迪奥</h4>
						<p>将对香氛的热爱幻化为生活艺术</p>
						<button>探索更多</button>
					</div>
				</div>
				<div class="col-md-4">
					<div class="swiper-container lunbo">
    				 <div class="swiper-wrapper">
      				  <div class="swiper-slide">
						<img src="img/img1/lu1.jpg">
						<p class="p4">DIOR迪奥素馨佳人香水</p>
						<p>￥720.00起-喷装40mL</p>
						<p>浓度 <button></button><button></button><button></button><button class="bu2"></button></p>
      				  </div>
      				  <div class="swiper-slide">
						<img src="img/img1/lu2.jpg">
						<p class="p4">素馨佳人润肤乳霜</p>
						<p>￥730.00-150mL</p>
						<p>浓度 <button></button><button></button><button></button><button class="bu2"></button></p>
      				  </div>
      				  <div class="swiper-slide">
						<img src="img/img1/lu3.jpg">
						<p class="p4">素馨佳人</p>
						<p>￥410.00-350mL</p>
						<p>浓度 <button></button><button></button><button></button><button class="bu2"></button></p>
      				  </div>
    				</div>
    				<div class="swiper-button-next"></div>
    				<div class="swiper-button-prev"></div>
  					</div>
				</div>
			</div>
		</div>
		<div class="suoyou">
			<h4>所有新品</h4>
			<div class="xi">
				<div class="row">
					<div class="col-md-3">
						<div class="xi1">
				          <img src="img/img1/xi1.jpg">
				        </div>
				        <div class="xi2">
							<p class="p5">#全新</p>
				          <p>迪奥小姐</p>
				          <p>香氛皂</p>
				          <p class="p6">￥230.00-100g</p>
				        </div>
					</div>
					<div class="col-md-3">
						<div class="xi1">
				          <img src="img/img1/xi2.jpg">
				        </div>
				        <div class="xi2">
						  <p class="p5">#全新</p>
				          <p>JOY'By Dior*</p>
				          <p>润体乳</p>
				          <p class="p6">￥480.00-瓶装200mL</p>
				        </div>
					</div>
					<div class="col-md-3">
						<div class="xi1">
				          <img src="img/img1/xi3.jpg">
				        </div>
				        <div class="xi2">
						  <p class="p5">#全新 #Best Seller</p>
				          <p>真我</p>
				          <p>真我心悦香水</p>
						  <p>浓度
							<button></button>
							<button class="bu3"></button>
							<button class="bu3"></button>
							<button class="bu3"></button>
						  </p>
				          <p class="p6">￥530.00起-喷装30mL</p>
				        </div>
					</div>
					<div class="col-md-3">
						<div class="xi1">
				          <img src="img/img1/xi4.jpg">
				        </div>
				        <div class="xi2">
							<p class="p5">#全新</p>
				          <p>迪奥小姐</p>
				          <p>淡香水</p>
				          <p>浓度
							<button></button>
							<button class="bu3"></button>
							<button class="bu3"></button>
							<button class="bu3"></button>
						  </p>
				          <p class="p6">￥730.00起-喷装50mL</p>
				        </div>
					</div>
				</div>
			</div>
			<button class="bu4">浏览更多</button>
		</div>
	</div>
</div>


<!-- footer -->
<footer>	
	<div class="fo-to">
		<p>精品店</p>
		<div class="fo1">
			<input type="text" placeholder="城市、邮编、国家/地区">
			<span><img src="img/img1/sousuo.png"></span>
		</div>
	</div>
	<div class="fo-cen">
		<p class="foo1">网上精品店专享服务</p>
		<div class="container">
			<div class="foo2">
			<div class="row">
			<div class="col-md">
				<img class="foo5" src="img/fo1.png">
				<p class="foo3">免费送货</p>
				<p class="foo4">所有订单皆享免费顺丰速递服务</p>
			</div>
			<div class="col-md">
				<img src="img/fo3.png">
				<p class="foo3">艺术礼盒包装</p>
				<p class="foo4">尊享Dior迪奥独家艺术礼盒包装服务</p>
			</div>
			<div class="col-md">
				<img src="img/fo2.png">
				<p class="foo3">试用装礼赠</p>
				<p class="foo4">所有订单均获2件试用装礼赠</p>
			</div>
			<div class="col-md">
				<img class="foo5" src="img/img1/fo4.png">
				<p class="foo3">旅行装礼赠</p>
				<p class="foo4">订购满600元 即获旅行装礼赠</p>
			</div>
			<div class="col-md">
				<img class="img1" src="img/img1/fo5.jpg">
			</div>
		</div>
		</div>
		</div>
	</div>
	<div class="fo-bo">
		<div class="container">
			<div class="row">
				<div class="col-md-4">
					<p>电子通讯</p>
					<div class="foo5">
						<input type="text" placeholder="*输入您的邮箱">
						<span>确定</span>
					</div>
				</div>
				<div class="col-md-4">
					<div class="foo6">
						<a href="#">联系我们</a>
						<a href="#">配送及退货</a>
						<a href="#">常见问题</a>
						<a href="#">使用条款</a>
						<a href="#">数据保护章程</a>
					</div>
					<div class="foo7">
						<p><img src="img/china-0.png"> 沪公网安备31010602002343</p>
						<p><img src="img/china-1.png"> 沪ICP备19005922号</p>
						<p>尚圃电子商务(上海)有限公司</p>
						<p>上海市南京西路1266号恒隆广场1期29F</p>
					</div>
				</div>
				<div class="col-md-4">
					<div class="foo8">
						<p>关注我们</p>
						<img src="img/weibo.png">
						<p class="m2">国家/地区</p>
						<input type="text" placeholder="中国(CNY￥)">
					</div>
				</div>
			</div>
		</div>
	</div>
</footer>






<!-- js链接  轮播-->
	<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
  <script>
    var swiper = new Swiper('.swiper-container', {
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });
  </script>


	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="js/script1.js"></script>
</body>
</html>